<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 延时器   setTimeout(function(){},time)   一次性闹钟
        //   存储的也是编号 , 编号不分定时器或者延时器 
        //   clearInterval和clearTimeout  可以清除定时器和延时器


        // 本质上讲   不管是定时器还是延时器都是闹钟   编号或者清除时方法不做区分


        var t1 = setInterval(function() {
            console.log(666);
        } , 1000)

        var t2 = setTimeout(function(){
            document.write(666);
        } , 3000)

        var t3 = setInterval(function() {
            console.log(777);
        } , 1000)
        

        console.log(t1 , t2 , t3);


        clearInterval(t1) ;

        // clearInterval(t2) ;   // 也可以清除延时器

        clearTimeout(t2) ;    // 也可以清除延时器

        clearTimeout(t3) ;    // 也可以清除定时器
        

    </script>
    
</body>
</html>